<!DOCTYPE html>
<html style="100%">
<head>
    <!--    <meta name="viewport" content="width=device-width, initial-scale=1"/>-->
    <meta charset="utf-8">
    <title>ECharts</title>

    <!-- 引入 echarts.js -->
    <script src="echarts.min.js"></script>
    <!-- 引入 自定义主题customed -->
    <!--    <script src="walden.js"></script>-->
</head>
<body style="height:100%">
<!-- 为ECharts准备一个具备大小（宽高）的Dom -->
<div id="main" style="width: 100%;height:1100px;margin:0 auto;"></div>
<script type="text/javascript">
        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('main'));
         myChart.showLoading({
                text : "加载中..."
            });
        // 指定图表的配置项和数据
       option = {
       title: {
            text: '便携紫外吸光光度计'
        },
            grid: {
                left: '3%',
                top:"6%",
                right: '3%',
                bottom: '20%',
                show: true,
                borderWidth:1,
                containLabel: true
            },
             tooltip: {
                    trigger: 'axis'
                },
            xAxis: {
                type: 'category',
                data: ['370nm', '390nm', '400nm', '440nm', '470nm']
            },
            yAxis: {
                type: 'value'
            },
            series: [{
                name: '波长',
                data: [],
                type: 'line',
                smooth: true
            }]
        };

        // 使用刚指定的配置项和数据显示图表。
      //myChart.setOption(option);
     // myChart.hideLoading();

        function initData(value){
          option.series[0].data = JSON.parse(value).num;
            myChart.setOption(option,true);
            myChart.hideLoading();
             //获取数据之后重新绘制布局
            myChart.resize();
        }


</script>
</body>
</html>